<template>
	<view class="conter">
		<header-box :title="title"></header-box>
		
		<view class="conter-text">
			<view class="bgc">
				<view class="box-btn">
					<view class="" style="margin-bottom: 30rpx;">
						仓库名
					</view>
					<view class="">
						<input type="text" value="" placeholder="华东总仓" placeholder-style="font-size: 28rpx"/>
					</view>
				</view>
			</view>
		</view>
		
		<view class="add bg-gradual-green">
			保存
		</view>
	</view>
</template>

<script>
	import headerBox from '../../components/header/header.vue'
	
	export default {
		components: {
			headerBox
		},
		data() {
			return {
				title: '添加资料',
			}
		}
	}
	
</script>

<style lang="scss" scoped>
	.conter {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.conter-text {
		padding: 30rpx;
		
		.bgc {
			width: 100%;
			height: 200rpx;
			padding: 0 30rpx;
			border-radius: 10rpx;
			background-color: #FFFFFF;
			
			.box-btn {
				width: 100%;
				height: 144rpx;
				font-size: 30rpx;
				padding: 20rpx 0;
				border-bottom: 1rpx solid #F0F0F0;
			}
		}
	}
	
	.add {
		position: absolute;
		bottom: 30rpx;
		left: 50%;
		width: 90%;
		height: 90rpx;
		line-height: 90rpx;
		border-radius: 45rpx;
		transform: translateX(-50%);
		text-align: center;
		color: #FFFFFF;
		font-size: 32rpx;
	}
</style>
